<%-- 
    Document   : validate
    Created on : 2013-5-29, 13:38:09
    Author     : sam.zheng <zcl1866@sina.com> 
--%>

<%String Path =request.getContextPath();%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <c:import url="/resource/include/header.jsp" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
                <div style="border:1px solid;width:400px;height: 300px;margin-left: 400px;margin-top: 100px">
                        文本输入框验证：<input type="text" id="vv" style="height: 20px" />
                        <br/>
                        <br/>
                        <br/>
                        <input  type="button" value="提 交 验 证"  onclick="doSubmit()" />
                </div>          
    </body>
     <script>
        validateBox.validate("vv", {
            validType: //验证类型可以根据实际情况，一种情况，或者多种情况
            {
//                { length:
//                   {
//                        minLength:1,//最小
//                        maxLength:10, //最大
//                        invalidMessage:"字符在1到10之间1"
//                   },
//                   email:{ //验证邮件
//                       invalidMessage:"错误的邮件地址" 
//                   },
                   custom:{ //自定义验证规则
                       regular : "[a-z]", //正则表达式
                       invalidMessage:"我的自定义验证规则" 
                   }
                },
                tirggerEvent:"keydown" //触发事件（javascript dom 标准事件 click,blur..等等.）
            });
            function doSubmit(){
                if(!validateBox.isValid()){
                    return;
                }else{
                    alert("验证通过，可以正常提交！");
                }
            }
    </script>
</html>
